#app {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	
	.header {
		background: url(../../static/img/index/index1@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 750upx;
		height: 370upx;
		position: fixed;
		top: 44px;
		left: 0;
		z-index: 10;
		.setUp {
			margin: 31upx 36upx 24upx 600upx;
			width: 110upx;
			image {
				width: 36upx;
				height: 36upx;
			}
			.setUpImg {
				margin-right: 39upx;
			}
		}
		.nickName {
			display: flex;
			align-items: center;
			width: 702upx;
			margin: 0 24upx;
			image {
				width: 92upx;
				height: 92upx;
				margin-right: 38upx;
				border-radius: 6upx;
			}
			view {
				flex: 1;
				text {
					color: #FFFFFF;
					font-size: 34upx;
					font-weight: bold;
				}
				image {
					width: 30upx;
					height: 30upx;
					margin-left: 28upx;
					vertical-align: middle;
				}
			}
		}
		.health {
			position: relative;
			margin: 56upx 40upx 30upx 77upx;
			.tubeDivision {				
				display: flex;
				align-items: center;
				text {
					text-align: justify;
					text-align-last: justify;
					width: 112upx;
					color: #FFFFFF;
					font-size: 28upx;
				}
				.name {
					margin-right: 20upx;
					color: #FFFFFF;
					font-size: 22upx;
					text {
						color: #FFFFFF;
						font-size: 28upx;
						margin-right: 8upx;
					}
				}
				.more {
					text {
						color: #FFFFFF;
					}
					color: #FFCC00;
					font-size: 22upx;
				}
				image {
					width: 26upx;
					height: 6upx;
					margin: 0 0 0 10upx;
				}
			}
			.tubeDivision:last-child {
				margin-top: 8upx;
			}
			.vip {
				position: absolute;
				right: 6upx;
				top: -28upx;
				width: 96upx;
				height: 34upx;
			}
			.vipBj {
				background: url(../../static/img/index/VIP@2x.png) no-repeat;
				background-size: 100% 100%;
				width: 170upx;
				height: 80upx;
				position: absolute;
				right: 32upx;
				top: 0;
				opacity: .7;
				z-index: -1;
			}
		}
	}
	
	.mainContent {
		width: 702upx;
		margin: 360upx 24upx 0;
		padding: 32upx 0 53upx;
		.item {
			background-color: #FFFFFF;
			width: 100%;		
			box-shadow: 0upx 8upx 18upx 0upx rgba(224, 224, 224, 0.4);
			border-radius: 12upx;
			padding: 22upx 72upx 36upx;
			display: flex;
			.healthTeam {
				flex: 1;
				display: flex;
				align-items: center;
				position: relative;
				image {
					width: 118upx;
					height: 82upx;
				}
				text {
					color: #333333;
					font-size: 28upx;
				}
				i{
					position: absolute;
					width: 30upx;
					height: 30upx;
					font-size: 24upx;
					background: #f00;
					border-radius:30upx;
					text-align: center;
					line-height: 30upx;
					color: #fff;
					font-style: normal;
					top: 0;
				}
			}
			.healthTeam:first-child {
				margin-right: 98upx;
			}
		}
		
		.basicFunction {
			margin-top: 24upx;
			background-color: #FFFFFF;
			width: 100%;		
			box-shadow: 0upx 8upx 18upx 0upx rgba(224, 224, 224, 0.4);
			border-radius: 12upx;
			padding: 35upx 0 53upx;
			.basicFunctionTitle {
				padding:0 16upx 0;
				image {
					width: 8upx;
					height: 24upx;
					margin-right: 15upx;
				}
				text {
					color: #000000;
					font-size: 34upx;
				}
			}
			.basicFunctionBox {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				.basicFunctionItem {
					width: 25%;
					text-align: center;
					margin-top: 40upx;
					height: 158upx;
					image {
						width: 50upx;
						height: 50upx;
					}
					text {
						display: block;
						margin-top: 15upx;
						color: #333333;
						font-size: 28upx;
					}
				}
				.evenBasicFunction {
					height: 100%;
				}
			}
		}
	}
	.popHide {
		position: fixed;
		top: 0;left: 0;
		z-index: 100;
		background-color: #000000;
		opacity: .7;height: 100%;
		width: 100%;
	}
	.contentBox {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 130upx;
		z-index: 100;
		width: 488upx;
		.imageExperts {
			width: 488upx;
			height: 255upx;
		}
		.expertsList {
			border-bottom-right-radius: 20upx;
			border-bottom-left-radius: 20upx;
			background-color: #FFFFFF;
			width: 100%;
			margin-top:-20upx;
			padding: 19upx 62upx 23upx;
			box-sizing: border-box;
		}
		.expertsList nav:nth-child(1){
			font-weight: bold;
			font-size: 28upx;
			border-bottom: 1upx solid #F0F0F0;
		}
		.expertsList nav{display: flex;color: #247474; font-size: 26upx;height: 68upx; align-items: center;}
		.expertsList nav span:nth-child(odd) {width: 100px;}
		.expertsList nav span:nth-child(even) {flex: 1;}
		.expertsList nav .cw{padding-left: 24px;}
		.del {
			width: 42upx;
			height: 42upx;
			display: block;
			margin: 97upx auto 0;
		}
	}
}